/**
 * 全局的混入方法
 */

export default {
    methods: {
        /**
         * 展开前将元素的高度设置为0
         * @param {vm} el
         */
        _beforeEnter(el) {
            el.style.height = 0 + 'px'
        },
        /**
         * 展开过程 将元素的高度设置为scrollHeight
         * @param {*} el
         */
        _enter(el) {
            console.log('el.scrollHeight', el.scrollHeight)
            if (el.scrollHeight !== 0) {
                el.style.height = el.scrollHeight + 29 + 'px'
            } else {
                el.style.height = 0
            }
            el.style.overflow = 'hidden'
        },
        /**
         * 展开完毕 将元素行内样式置空
         * @param {*} el
         */
        _afterEnter(el) {
            el.style.height = ''
        },
        /**
         * 折叠前 将元素高度置为scrollHeight
         * @param {*} el
         */
        _beforeLeave(el) {
            el.style.height = el.scrollHeight + 'px'
            el.style.overflow = 'hidden'
        },
        /**
         * 折叠过程 将元素高度置为0
         * @param {*} el
         */
        _leave(el) {
            if (el.scrollHeight !== 0) {
                el.style.height = 0 + 'px'
            }
        },
        /**
         * 折叠完毕 将元素行内样式置空
         * @param {*} el
         */
        _afterLeave(el) {
            el.style.height = 0
        }
    }
}
